<span class="material-icons" (click)="close()" style="float: right;">
    <mat-icon>highlight_off</mat-icon>
  </span>
  <div style="margin: 20px;">
      <div style="font-size: 1.5em; text-align: center;  margin-bottom: 15px;">Asset create/edit</div>
      <form (ngSubmit)="onSubmit()">
        <div fxLayout="column" fxLayoutAlign="space-around">
          <div class="row">
            <div class="col-sm-12 ">
              <mat-form-field appearance="outline">
                <mat-label>Color</mat-label>
                <input matInput type="text" required [formControl]="form.controls['Color']" [(ngModel)]="aseet.Color">
              </mat-form-field>
              <small *ngIf="form.controls['Color'].hasError('required') && form.controls['Color'].touched"
                class="mat-text-warn">You must include color</small>
            </div>
            <div class="col-sm-12 ">
                <mat-form-field appearance="outline">
                  <mat-label>Owner</mat-label>
                  <input matInput type="text" required [formControl]="form.controls['Owner']" [(ngModel)]="aseet.Owner">
                </mat-form-field>
                <small *ngIf="form.controls['Owner'].hasError('required') && form.controls['Owner'].touched"
                  class="mat-text-warn">You must include owner</small>
              </div>
              <div class="col-sm-12 ">
                <mat-form-field appearance="outline">
                  <mat-label>Size</mat-label>
                  <input matInput type="number" required [formControl]="form.controls['Size']" [(ngModel)]="aseet.Size">
                </mat-form-field>
                <small *ngIf="form.controls['Size'].hasError('required') && form.controls['Size'].touched"
                  class="mat-text-warn">You must include size</small>
              </div>
              <div class="col-sm-12 ">
                <mat-form-field appearance="outline">
                  <mat-label>Appraised Value</mat-label>
                  <input matInput type="number" required [formControl]="form.controls['AppraisedValue']" [(ngModel)]="aseet.AppraisedValue">
                </mat-form-field>
                <small *ngIf="form.controls['AppraisedValue'].hasError('required') && form.controls['AppraisedValue'].touched"
                  class="mat-text-warn">You must include appraisedValue</small>
              </div>
          </div>
     
         
        </div>
        <div style="text-align: center;">
          <button mat-raised-button color="primary"  type="submit" [disabled]="!form.valid"
            style="margin-top:10px;">Create/Update</button>
        
      </div>
      </form>
  </div>